<html><head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>天机UItj_ui前端SPA框架single page application</title>
		<link rel="stylesheet" href="__APP_TPL__/ui/seedsui/plugin/seedsui/seedsui.min.css">
		<link rel="stylesheet" href="__APP_TPL__/ui/css/app.css">
		<link rel="stylesheet" href="__APP_TPL__/ui/css/layui.css">
		<script type="text/javascript">
		var API_URL="";
    var APP_TPL = "__APP_TPL__";
    //var ROOT = "__ROOT__";
    
		window.hostPrefix="http://192.168.1.143"+"__M_USER__"+"/App/";
		console.log(window.hostPrefix);
		</script>
	</head>
	<body >
		<div id="prefix" href=__M_USER__></div>
		
				<header>
		            <div class="titlebar">
		            	<a data-toggle="back">  <i class="icon icon-arrowleft"></i>
		                   <span>返回</span>
		                    
                		</a>
                		
		                <h1 class="text-center" id="topbar_title">index</h1>
		                <a class="right" data-toggle="html" href="#about">
		                    <i class="icon icon-rdoinfo"></i>
		                </a>
		            </div>

		        </header>
		        <article id="index_article">
					<div class="scroller" style="padding-bottom:80px;padding-top:20px;">
						<div id="container"></div>

    				</div>
    				
				</article>
		
				<footer style="z-index:999;">
					<ul class="menubar" id="menubar">
						
		                <li class="tab active" href="#/index" id="menubar_index">
		                	<i class="icon icon-home-fill"></i>
		                    <label class="tab-label">主页</label>
		                    
		                </li>
		                
		                
		                <li class="tab" href="#/client" id="menubar_client">
		                    <i class="icon icon-chattip"></i>
		                    <label class="tab-label">联系人</label>
		                    
		                </li>
		                </a>
		                <li class="tab" href="#/discover" id="menubar_discover">
		                    <i class="icon icon-contact"></i>
		                    <label class="tab-label">发现</label>
		                </li>
		                <li class="tab" href="#/bbs" id="menubar_bbs">
		                    <i class="icon icon-chatdot"></i>
		                    <label class="tab-label">论坛</label>
		                </li>
		                <li class="tab" href="#/my" id="menubar_my">
		                    <i class="icon icon-app"></i>
		                    
		                    <label class="tab-label">我的</label>
		                </li>
		                
		            </ul>
				</footer>
				
				
		<div id="myTemplate">
		    <p>Hello, <!--[$name]--></p>
		    <ul>
		      <!--[each $list as $data]-->
		      <li><!--[$data]--></li>
		      <!--[/each]-->
		    </ul>
		  </div>
		<script type="text/html" id="tpl_client">

			<div>
			测试主页内容模板
			<div id="index_con">
			                <summary class="sliver">Controllers</summary>
			                <ul class="list">
			                    <li href="core/single.html" data-toggle="html">
			                        <div class="justify-content">
			                            <p>单页模式</p>
			                            <small>支持的单页模式控制器，如：section、article、modal、aside等</small>
			                        </div>
			                    </li>
			                    <li href="core/multi.html" data-toggle="html">
			                        <div class="justify-content">
			                            <p>多页模式</p>
			                            <small>支持的多页模式控制器，比如html</small>
			                        </div>
			                    </li>
			            		<li href="core/work.html" data-toggle="html">
			                        <div class="justify-content">
			                            <p>控制器原理</p>
			                            <small>控制器与组件的工作原理</small>
			                        </div>
			                    </li>
			                    <li href="core/controller.html" data-toggle="html">
			                        <div class="justify-content">
			                            <p>默认控制器的使用</p>
			                            <small>丰富默认控制器使用场景</small>
			                        </div>
			                    </li>
			                </ul>
			            </div>
			<br><!--[$test]-->
			</div>
		</script>
<script type="text/html" id="tpl_index">
<div id="test"></div>
<div>
			测试主页内容模板
<div id="slider-box">
  <ul id="slider">
    <li class="active"><img src="__APP_TPL__/ui/img/1.png" alt=""></li>
    <li><img src="__APP_TPL__/ui/img/2.png" alt=""></li>
    <li><img src="__APP_TPL__/ui/img/3.png" alt=""></li>
    <li><img src="__APP_TPL__/ui/img/4.png" alt=""></li>
    <li><img src="__APP_TPL__/ui/img/5.png" alt=""></li>
  </ul>
	</div>
</div>
		            <ul class="grid size54" data-col="3" data-rowspace="8">
				<li>
					<a class="photo bg-1">
						<i class="icon icon-contact-fill"></i>
						<span class="tip">999</span>
					</a>
					<label>通讯录</label>
				</li>
				<li>
					<a class="photo bg-2">
						<i class="icon icon-write-fill"></i>
						<span class="badge">999</span>
					</a>
					<label>审批</label>
				</li>
				<li>
					<a class="photo bg-3">
						<i class="icon icon-position-fill"></i>
					</a>
					<label>定位</label>
				</li>
				<li>
					<a class="photo bg-4">
						<i class="icon icon-gear-fill"></i>
					</a>
					<label>设置</label>
				</li>
				<li>
					<a class="photo bg-5">
						<i class="icon icon-folder-fill"></i>
					</a>
					<label>文档</label>
				</li>
				<li>
					<a class="photo bg-6">
						<i class="icon icon-chartpie-fill"></i>
					</a>
					<label>数据分析</label>
				</li>
			</ul>
		            <ul class="grid metro" data-col="2">
				<li style="width:60%">
					<a class="bg-1">
						<div class="sticker top left"><span>NEW</span></div>
						<i class="icon icon-contact-fill"></i>
						<span class="metro-tip">3</span>
						<label class="nowrap">通讯录</label>
					</a>
				</li>
				<li style="width:40%">
					<a class="bg-2">
						<i class="icon icon-write-fill"></i>
						<label>审批</label>
					</a>
				</li>
				<li style="width:40%">
					<a class="bg-3">
						<i class="icon icon-position-fill"></i>
						<label>定位</label>
					</a>
				</li>
				<li style="width:60%">
					<a class="bg-4">
						<i class="icon icon-gear-fill"></i>
						<label>设置</label>
					</a>
				</li>
			</ul>
			<br><!--[$test]-->
			</div>
			<div><ul class="grid metro" data-col="3" style="padding:0 2px;">
				<li style="width:50%">
					<a class="bg-5">
						<i class="icon icon-chartpie-fill"></i>
						<label class="nowrap">岗位练兵</label>
					</a>
				</li>
				<li style="width:25%">
					<a class="bg-6">
						<i class="icon icon-write-fill"></i>
						<label>在线问卷</label>
					</a>
				</li>
				<li style="width:25%">
					<a class="bg-7">
						<i class="icon icon-position-fill"></i>
						<label>在线提问</label>
					</a>
				</li>
				<li style="width:25%">
					<a class="bg-8">
						<i class="icon icon-folder-fill"></i>
						<label>友情链接</label>
					</a>
				</li>
				<li style="width:25%">
					<a class="bg-9">
						<i class="icon icon-gear-fill"></i>
						<label>备忘录</label>
					</a>
				</li>
				<li style="width:50%">
					<a class="bg-10">
						<i class="icon icon-contact-fill"></i>
						<span class="metro-tip">3</span>
						<label class="nowrap">消息推送</label>
					</a>
				</li>
			</ul></div>
		</script>
		<script type="text/html" id="tpl_discover">
			<div>
			测试主页内容模板
			<br><!--[$test]-->
			</div>
		</script>
		<script type="text/html" id="tpl_bbs">
			<div>
			测试主页内容模板
			
			<br><!--[$test]-->
			<form id="form1">
                <div class="group">
                    <div class="row">
                        <label class="row-left">用户名</label>
                        <div class="row-right input-box" data-input="clear">
                            <input type="text" placeholder="用户名" name="username" data-rule-field="用户名" data-rule="username">
                            <i class="icon icon-clear-fill color-placeholder" style="display: none; "></i>
                        </div>
                    </div>
                    <div class="row">
                        <label class="row-left">密码</label>
                        <div class="row-right input-box" data-input="reveal">
                            <input type="password" placeholder="密码" name="password" data-rule-field="密码" data-rule="password">
                            <i class="icon icon-eye-fill color-placeholder"></i>
                        </div>
                    </div>
                    <div class="row">
                        <label class="row-left">确认</label>
                        <div class="row-right input-box" data-input="reveal">
                            <input type="password" placeholder="确认" name="reconfirm" data-rule="password compare:password">
                            <i class="icon icon-eye-fill color-placeholder"></i>
                        </div>
                    </div>
                </div>
                
                <div class="group">
                    <div class="row">
                        <label class="row-left">个人说明</label>
                        <div class="row-right input-box">
                            <textarea class="label-right noborder" name="personal"></textarea>
                        </div>
                    </div>
                </div>

                
            </form>
			</div>
		</script>
		<script type="text/html" id="tpl_login">
			
			<div class="layui-inline" style="text-align: center ;display:block; margin:0 auto;">
			  <img src="__APP_TPL__/ui/img/avatar.jpg" class="layui-circle">
			</div>
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;text-align: center ;">
			  <legend>用户登录</legend>
			</fieldset>
			<div class="main layui-clear" >
  
  <div class="layui-form layui-form-pane">
    
      <div class="layui-form-item" >
        <label  class="layui-form-label">用户名</label>
        <div class="layui-input-block">
          <input type="text" id="L_username" name="username" required="" lay-verify="required" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item" >
        <label class="layui-form-label">密码</label>
        <div class="layui-input-block">
          <input type="password" id="L_password" value="" name="password" required="" lay-verify="required" autocomplete="off" class="layui-input">
        </div>
      </div>
      
      <div class="layui-form-item" >
        
        <button style="width:80%;margin-left:10%;" class="layui-btn layui-btn-normal layui-btn-radius"  id="login_submit">立即登录</button>
        
      </div>
      <div class="layui-form-item" >
        
        <button style="width:80%;margin-left:10%;"  class="layui-btn layui-btn-primary layui-btn-radius" id="reg_page">注册账户</button>
        
      </div>
      <div class="layui-form-item" >
		<span style="padding-right:40px;float:right;">
          <a href="/user/forget">忘记密码? </a>
        </span>
      </div>
      <div class="layui-form-item" >
		
        <fieldset class="layui-elem-field layui-field-title">
		  <legend style="text-align:center;font-size: 14px;">其他登录方式</legend>
		  
		    <a href="#/wx_login" class="layui-field-box" title="微信登入" ><img style="margin-left:10px; margin-right:10px;" src="__APP_TPL__/ui/img/wx.png" alt="微信登入">微信登录</a>
		  
		</fieldset>
        
      </div>

  </div>
</div>

		</script>
		<script type="text/html" id="tpl_wx_login">
			
			<div style="width:300px;margin:0px auto;">
				<div class="error-404"></div>
				<p class="error"><!--[$info]--></p>
				<a class="button submit block" style="margin:20px 10px 20px 10px;">立即跳转</a>
				<a class="button submit block" style="margin:20px 10px 20px 10px;">返回登录</a>
			</div>
			
		</script>
		<script type="text/html" id="tpl_my">
			<div >
			<ul class="grid size54" data-col="3" data-rowspace="8">
				<li id="test">
					<a class="photo bg-1">
						<i class="icon icon-contact-fill"></i>
						<span class="tip">999</span>
					</a>
					<label>通讯录</label>
				</li>
				<li id="test2">
					<a class="photo bg-2">
						<i class="icon icon-write-fill"></i>
						<span class="badge">999</span>
					</a>
					<label>审批</label>
				</li>
				<li>
					<a class="photo bg-3">
						<i class="icon icon-position-fill"></i>
					</a>
					<label>定位</label>
				</li>
				<li>
					<a class="photo bg-4">
						<i class="icon icon-gear-fill"></i>
					</a>
					<label>设置</label>
				</li>
				<li>
					<a class="photo bg-5">
						<i class="icon icon-folder-fill"></i>
					</a>
					<label>文档</label>
				</li>
				<li>
					<a class="photo bg-6">
						<i class="icon icon-chartpie-fill"></i>
					</a>
					<label>数据分析</label>
				</li>
			</ul>
			测试主页内容模板
			<br><!--[$test]-->
			</div>
		</script>
		<!--- third -->
		<script src="__APP_TPL__/assets/jquery/jquery-2.1.3.min.js"></script>
		
		<script src="__APP_TPL__/ui/seedsui/plugin/seedsui/seedsui.min.js"></script>
		<script src="__APP_TPL__/js/path.min.js"></script>
		<script src="__APP_TPL__/js/fxtpl.min.js"></script>
		<script src="__APP_TPL__/js/layer.js"></script>
		<script src="__APP_TPL__/js/tj_ui.js"></script>
		<!---  agile -->
		<!-- app -->
		<script type="text/javascript">
		// function getQueryString(name) { 
		// 	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
		// 	var r = window.location.search.substr(1).match(reg); 
		// 	if (r != null) return unescape(r[2]); return null; 
		// 	} 
		// 	var code = getQueryString('code');
			
		// 	if (code==null) {

		// 	} else{
		// 		alert(code);
		// 		var wxurl="https://api.weixin.qq.com/sns/oauth2/access_token?appid=wx32ff322faf0ccbbd&secret=462725ffa510e747815ea0d3943aad4a&code="+code+"&grant_type=authorization_code"
		// 	//window.location.href=wxurl;
			
		// 	};
		
		</script>
		 <script>

  </script>
</body></html>